// pages/index/xq.js
let that;
var http=require('../../common/http.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    h_id:'',//每条的id
    xq_list:{},//详情页的数据
    xxk:['简介','目录','资料','问答'],
    Height:280,
    intro:'',//解析富文本，接口带表签的
    num:0,//点击导航下标
    menu_list:{},//目录数据
    isMenu:-1,//点击查看目录的变量
    show:false,
    lesson:[],//资料
    handoutList:[],//资料
    activeNames: ['1','2'],//要打开的面板
    wenDa:[],
    isTiwen:false,
    token:''
},
  onChange(event) {
    console.log(event);
    this.setData({
      activeNames: event.detail
    });
  },
  //点击显示科目
  ad(e){
    console.log(e);
    var inx=e.currentTarget.dataset.index;
    that.data.isMenu=inx;
    that.data.menu_list[inx].active = !that.data.menu_list[inx].active
    console.log(that.data.menu_list);
      that.setData({
        isMenu: that.data.isMenu,
        menu_list: that.data.menu_list
      })
    console.log(that.data.menu_list);
    
  },
  //滑动轮播图切换导航
  ban(e){
    // console.log(e);
    that.setData({
      num: e.detail.current
    })
  },
  //点击导航切换轮播图
  nav(e){
    // console.log(e);
    if (e.currentTarget.dataset.index == 0) {//下标为1 是目录，调用目录接口
      that.setData({
        isTiwen: false
      })
    }else if(e.currentTarget.dataset.index==1){//下标为1 是目录，调用目录接口
      that.menu();
      that.setData({
        isTiwen:false
      })
    }else if(e.currentTarget.dataset.index==2){
      that.ziliao();
      that.setData({
        isTiwen: false
      })
    }else if(e.currentTarget.dataset.index==3){
      that.wenDa();
      that.setData({
        isTiwen:true
      })
    }
    that.setData({
      num:e.currentTarget.dataset.index
    })
  },
  //点击问答，调用接口
  async wenDa(){
    var res=await http.index_xq_wenDa({
      course_id: that.data.h_id
    });
    console.log(res);
    if(res.statusCode==200){
      that.setData({
        wenDa:res.data
      })
    }
  },
  //点击资料，调用接口
  ziliao(){
    wx.showLoading({
      title: '加载中...',
    });
    wx.request({
      url: `https://api.xintujing.cn/v1/course/handout/list/new/${that.data.h_id}`,
      success:res=>{
        console.log(res);
        if(res.statusCode==200){
          wx.hideLoading();
          that.setData({
            handoutList: res.data.handoutList,
            lesson: res.data.lesson
          })
        }
      },
      fail:msg=>{
        console.log(res.errMsg);
      }
    })
  },
  //点击目录，调用接口
  async menu(){
    var res=await http.index_xq_menu({
      course_id:that.data.h_id
    });
    // console.log(res);
    if(res.statusCode==200){
      res.data.forEach(item => {
        item.active = false
      })
      that.setData({
        menu_list:res.data
      })
      // console.log(this.data.menu_list)
    }else{
      console.log(res.errMsg);
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    that=this;
    that.setData({
      h_id: options.id,
      token:wx.getStorageSync('token')
    })
    that.xq(options.id);//1
    that.list(options.id);//2

  },
  //详情页所有数据渲染1
  xq(id){
    wx.showLoading({
      title: '加载中...',
      mask:true
    })
    wx.request({
      url: `https://api.xintujing.cn/v1/course_cache/info/${id}`,
      success:res=>{
        console.log(res);
        if (res.statusCode == 200) {
          that.setData({
            xq_list: res.data,
            intro: res.data.intro.replace('<img ', '<img style="max-width:100%;height:auto;display:block;margin:10px 0;"') 
          })
          console.log(this.data.xq_list)
        }
      }
    })
  },
  //页面渲染接口2
  async list(val){
    // console.log(val)
    var res=await http.index_xq({
      course_id: val
    })
    // console.log(res);
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})